import React from 'react';
import {
    Dimensions,
    StyleSheet
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';

export const Styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#ffffff'
    },
    header:{
        width:width - 46,
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center',
        textAlign:'center',
        marginLeft:-16
    },
    header_title:{

    },
    header_right:{
        flexDirection:'row',
        justifyContent:'flex-end',
        alignItems:'center',
        marginRight:8,
    },
    button: {
        borderRadius: 4,
        padding: 10,
        marginLeft: 10,
        marginRight: 10,
        backgroundColor: '#ccc',
        borderColor: '#333',
        borderWidth: 1,
    },
    buttonText: {
        color: '#000'
    },
    sibling: {
        position:'absolute',
        top:55,
        width: width,
        height:height,
        backgroundColor:'rgba(178,178,178,0.2)',
    },
    type_sibling:{
        position:'absolute',
        top:90,
        right:12,
        width: width,
        height:height,
        backgroundColor:'rgba(178,178,178,0.2)',
    },
    cate_menu:{
        width:width,
        padding:8,
        backgroundColor:'#ffffff',
        borderBottomColor:'#ededed',
        borderBottomWidth:0.5
    },
    cate_list:{
        flexDirection:'row',
        flexWrap:'wrap',
        height:100,
    },
    cate_item:{
        width:(width - 64) /3,
        margin:8,
        paddingTop:5,
        paddingBottom:5,
        borderColor:'#cccccc',
        borderWidth:0.5,
        borderRadius:5,
        textAlign: 'center',
    },
    cate_item_on:{
        width:(width - 64) /3,
        margin:8,
        paddingTop:5,
        paddingBottom:5,
        borderRadius:5,
        textAlign: 'center',
        backgroundColor:'#d01621',
        color:'#ffffff'
    },
    ball_addr:{
        position:'absolute',
        top:0,
        width: width,
        height:height,
        backgroundColor:'rgba(178,178,178,0.8)',
        flexDirection: 'column',
        justifyContent:'center',
        alignItems:'center',
    },
    ball_addr_content:{
        width:width - 32,
        marginLeft:16,
        marginRight:16,
        backgroundColor:'#ffffff',
        flexDirection:'column',
        alignItems:'center',
        borderRadius:5,
    },
    ball_addr_content_header:{
        flexDirection:'row',
        justifyContent:'center',
        width:200,
        borderColor:'#ededed',
        borderWidth:0.5,
        marginTop:16,
        marginBottom:16,
    },
    btn_status:{
        width:100,
        textAlign:'center',
        height:26,
        lineHeight:24
    },
    btn_status_on:{
        width:100,
        textAlign:'center',
        color:'#ffffff',
        backgroundColor:'#d0162e',
        height:26,
        lineHeight: 24,
    },
    right_menu:{
        position:'absolute',
        top:0,
        right:0,
        width:80,
        padding:4,
    },
    right_menu_bg:{
        position:'absolute',
        top:-6,
        right:0,
        width:90,
        height:240
    },
    type_right_menu_bg:{
        position:'absolute',
        top:-6,
        right:0,
        width:90,
        height:160
    },
    right_menu_item:{
        color:'#969696',
        borderBottomWidth:0.5,
        borderBottomColor:'#cccccc',
        height:30,
        lineHeight:30,
        fontSize:12,
        textAlign:'center'
    }

   
});
module.exports = Styles;
